<!DOCTYPE html>
<html lang="zh">
<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="utf-8">
<title>good web site - YuThree</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">



    <meta name="description" content="上一篇是需要下载的一些工具，下面是一些在线的好用的 工具地址 或者一些不错的网址">
<meta name="keywords" content="链接,网站收藏">
<meta property="og:type" content="article">
<meta property="og:title" content="good web site">
<meta property="og:url" content="https://yuthree.github.io/2018/02/13/good-web-site/index.html">
<meta property="og:site_name" content="YuThree">
<meta property="og:description" content="上一篇是需要下载的一些工具，下面是一些在线的好用的 工具地址 或者一些不错的网址">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="https://yuthree.github.io/images/titlebg_19.jpg">
<meta property="og:updated_time" content="2019-08-12T08:54:24.757Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="good web site">
<meta name="twitter:description" content="上一篇是需要下载的一些工具，下面是一些在线的好用的 工具地址 或者一些不错的网址">
<meta name="twitter:image" content="https://yuthree.github.io/images/titlebg_19.jpg">
<meta property="fb:admins" content="100011677446168">
<meta property="fb:app_id" content="100011677446168">







<link rel="icon" href="/images/favicon.ico">


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.7.2/css/bulma.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,600|Source+Code+Pro">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/vs2015.css">


    
    
    
    <style>body>.footer,body>.navbar,body>.section{opacity:0}</style>
    

    
    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">
    

    
    

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">


    
    
    
    

<link rel="stylesheet" href="/css/back-to-top.css">


    
    

    
    
    
    

    
    
<link rel="stylesheet" href="/css/progressbar.css">
<script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>

    
    
    
    
    
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    

    


<link rel="stylesheet" href="/css/style.css">
</head>
<body class="is-2-column">
    <nav class="navbar navbar-main">
    <div class="container">
        <div class="navbar-brand is-flex-center">
            <a class="navbar-item navbar-logo" href="/">
            
                <img src="/images/logo.svg" alt="good web site" height="28">
            
            </a>
        </div>
        <div class="navbar-menu">
            
            <div class="navbar-start">
                
                <a class="navbar-item" href="/">首页</a>
                
                <a class="navbar-item" href="/archives">历史</a>
                
                <a class="navbar-item" href="/categories">分类</a>
                
                <a class="navbar-item" href="/tags">标签</a>
                
                <a class="navbar-item" href="/about">关于</a>
                
            </div>
            
            <div class="navbar-end">
                
                
                
                <a class="navbar-item search" title="搜索" href="javascript:;">
                    <i class="fas fa-search"></i>
                </a>
                
            </div>
        </div>
    </div>
</nav>
    
    <section class="section">
        <div class="container">
            <div class="columns">
                <div class="column is-8-tablet is-9-desktop is-9-widescreen has-order-2 column-main"><div class="card">
    
    <div class="card-image">
        <span class="image is-7by1">
            <img class="thumbnail" src="/images/titlebg_19.jpg" alt="good web site">
        </span>
    </div>
    
    <div class="card-content article ">
        
        <div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
            <div class="level-left">
                <time class="level-item has-text-grey" datetime="2018-02-13T09:36:33.000Z">2018-02-13</time>
                
                <div class="level-item">
                <a class="has-link-grey -link" href="/categories/工具/">工具</a>&nbsp;/&nbsp;<a class="has-link-grey -link" href="/categories/工具/在线链接/">在线链接</a>
                </div>
                
                
                <span class="level-item has-text-grey">
                    
                    
                    5 分钟 读完 (大约 676 个字)
                </span>
                
                
                <span class="level-item has-text-grey" id="busuanzi_container_page_pv">
                    <i class="far fa-eye"></i>
                    <span id="busuanzi_value_page_pv">0</span>次访问
                </span>
                
            </div>
        </div>
        
        <h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
            
                good web site
            
        </h1>
        <div class="content">
            <h2 id="上一篇是需要下载的一些工具，下面是一些在线的好用的-工具地址-或者一些不错的网址"><a href="#上一篇是需要下载的一些工具，下面是一些在线的好用的-工具地址-或者一些不错的网址" class="headerlink" title="上一篇是需要下载的一些工具，下面是一些在线的好用的 工具地址 或者一些不错的网址"></a><em>上一篇是需要下载的一些工具，下面是一些在线的好用的 工具地址 或者一些不错的网址</em></h2><a id="more"></a>
<hr>
<h1 id="logo生成"><a href="#logo生成" class="headerlink" title="logo生成"></a><a href="https://www.logosc.cn/" target="_blank" rel="noopener">logo生成</a></h1><p><strong>description</strong></p>
<h5 id="当你自己又一个网站的时候，-你会想有一个自己的logo，这个网址能帮没有什么设计天赋的你，你只需提供一个logo的名字，他可以生成很多款式的图，我的logo就这做的"><a href="#当你自己又一个网站的时候，-你会想有一个自己的logo，这个网址能帮没有什么设计天赋的你，你只需提供一个logo的名字，他可以生成很多款式的图，我的logo就这做的" class="headerlink" title="当你自己又一个网站的时候， 你会想有一个自己的logo，这个网址能帮没有什么设计天赋的你，你只需提供一个logo的名字，他可以生成很多款式的图，我的logo就这做的"></a>当你自己又一个网站的时候， 你会想有一个自己的logo，这个网址能帮没有什么设计天赋的你，你只需提供一个logo的名字，他可以生成很多款式的图，我的logo就这做的</h5><hr>
<h1 id="ShowDoc"><a href="#ShowDoc" class="headerlink" title="ShowDoc"></a><a href="https://www.showdoc.cc/" target="_blank" rel="noopener">ShowDoc</a></h1><p><strong>description</strong></p>
<h5 id="一个非常适合IT团队的在线API文档、技术文档工具-在线的小组的技术分享，踩坑解决办法等"><a href="#一个非常适合IT团队的在线API文档、技术文档工具-在线的小组的技术分享，踩坑解决办法等" class="headerlink" title="一个非常适合IT团队的在线API文档、技术文档工具 在线的小组的技术分享，踩坑解决办法等"></a>一个非常适合IT团队的在线API文档、技术文档工具 在线的小组的技术分享，踩坑解决办法等</h5><hr>
<h1 id="method-draw"><a href="#method-draw" class="headerlink" title="method draw"></a><a href="https://editor.method.ac/" target="_blank" rel="noopener">method draw</a></h1><p><strong>description</strong></p>
<h5 id="这个网站可以自定义svg路径-你自己画一个图，它可以生成svg文件（ctrl-s）-或者直接拿到svg代码（ctrl-u）"><a href="#这个网站可以自定义svg路径-你自己画一个图，它可以生成svg文件（ctrl-s）-或者直接拿到svg代码（ctrl-u）" class="headerlink" title="这个网站可以自定义svg路径 你自己画一个图，它可以生成svg文件（ctrl+s） 或者直接拿到svg代码（ctrl+u）"></a>这个网站可以自定义svg路径 你自己画一个图，它可以生成svg文件（ctrl+s） 或者直接拿到svg代码（ctrl+u）</h5><hr>
<h1 id="json-数据返回外网接口"><a href="#json-数据返回外网接口" class="headerlink" title="json 数据返回外网接口"></a><a href="https://node-hnapi.herokuapp.com/news?page=1" target="_blank" rel="noopener">json 数据返回外网接口</a></h1><p><a href="https://node-hnapi.herokuapp.com/news?page=1" target="_blank" rel style=" word-break: break-all;">https://node-hnapi.herokuapp.com/news?page=1</a> </p>
<p><strong>description</strong></p>
<h5 id="这是一个可以返回json数据的地址，你可以改变参数page比如变成2可以在写一个功能时模拟数据请求-不用搭建数据请求环境"><a href="#这是一个可以返回json数据的地址，你可以改变参数page比如变成2可以在写一个功能时模拟数据请求-不用搭建数据请求环境" class="headerlink" title="这是一个可以返回json数据的地址，你可以改变参数page比如变成2可以在写一个功能时模拟数据请求 不用搭建数据请求环境"></a>这是一个可以返回json数据的地址，你可以改变参数page比如变成2可以在写一个功能时模拟数据请求 不用搭建数据请求环境</h5><hr>
<h1 id="base64图片转换"><a href="#base64图片转换" class="headerlink" title="base64图片转换"></a><a href="http://imgbase64.duoshitong.com/" target="_blank" rel="noopener">base64图片转换</a></h1><p><strong>description</strong></p>
<h5 id="在公司做为一个前端开发，当你需要维护一些老的页面，并没有用什么打包工具，不能自动处理与css路径的更改时内部带的图片路径，你还要把这个东西给一个并不熟悉css里面图片路径引用的人他去替换到加了业务逻辑的代码中的时候，很容易图片路径就不对了展示不出来。而如果你把图片用base64写到css里面就不用管静态图片到底该放在哪，就很舒服，所以找了一个在线转图片的网址"><a href="#在公司做为一个前端开发，当你需要维护一些老的页面，并没有用什么打包工具，不能自动处理与css路径的更改时内部带的图片路径，你还要把这个东西给一个并不熟悉css里面图片路径引用的人他去替换到加了业务逻辑的代码中的时候，很容易图片路径就不对了展示不出来。而如果你把图片用base64写到css里面就不用管静态图片到底该放在哪，就很舒服，所以找了一个在线转图片的网址" class="headerlink" title="在公司做为一个前端开发，当你需要维护一些老的页面，并没有用什么打包工具，不能自动处理与css路径的更改时内部带的图片路径，你还要把这个东西给一个并不熟悉css里面图片路径引用的人他去替换到加了业务逻辑的代码中的时候，很容易图片路径就不对了展示不出来。而如果你把图片用base64写到css里面就不用管静态图片到底该放在哪，就很舒服，所以找了一个在线转图片的网址"></a>在公司做为一个前端开发，当你需要维护一些老的页面，并没有用什么打包工具，不能自动处理与css路径的更改时内部带的图片路径，你还要把这个东西给一个并不熟悉css里面图片路径引用的人他去替换到加了业务逻辑的代码中的时候，很容易图片路径就不对了展示不出来。而如果你把图片用base64写到css里面就不用管静态图片到底该放在哪，就很舒服，所以找了一个在线转图片的网址</h5><hr>
<h1 id="获取随机图片（自定义宽高）"><a href="#获取随机图片（自定义宽高）" class="headerlink" title="获取随机图片（自定义宽高）"></a><a href="http://source.unsplash.com/random/150x150" target="_blank" rel="noopener">获取随机图片（自定义宽高）</a></h1><p><strong>description</strong></p>
<h5 id="在写一些demo时，用到图片总是要自己找一些来放在项目里面，但是这个网址就不需要，大小写也自定义就结尾的数字带代表宽高，还支持用背景图的方式写比如：同理src上一样"><a href="#在写一些demo时，用到图片总是要自己找一些来放在项目里面，但是这个网址就不需要，大小写也自定义就结尾的数字带代表宽高，还支持用背景图的方式写比如：同理src上一样" class="headerlink" title="在写一些demo时，用到图片总是要自己找一些来放在项目里面，但是这个网址就不需要，大小写也自定义就结尾的数字带代表宽高，还支持用背景图的方式写比如：同理src上一样"></a>在写一些demo时，用到图片总是要自己找一些来放在项目里面，但是这个网址就不需要，大小写也自定义就结尾的数字带代表宽高，还支持用背景图的方式写比如：同理src上一样</h5><blockquote>
<p><code>background:url(http://source.unsplash.com/random/150x150)</code></p>
</blockquote>
<hr>
<h1 id="美图秀秀批处理在线版"><a href="#美图秀秀批处理在线版" class="headerlink" title="美图秀秀批处理在线版"></a><a href="http://xiuxiu.web.meitu.com/plugin/batch/taobao.html?channel=index" target="_blank" rel="noopener">美图秀秀批处理在线版</a></h1><p><strong>description</strong></p>
<h5 id="美图秀秀批处理在线版提供-图片批量剪裁-重命名-加水印-这些功能-我主要用在这种博客需要的图片你在选完之后大小总是不一样-命名也不规律-可以用这个批量处理一下"><a href="#美图秀秀批处理在线版提供-图片批量剪裁-重命名-加水印-这些功能-我主要用在这种博客需要的图片你在选完之后大小总是不一样-命名也不规律-可以用这个批量处理一下" class="headerlink" title="美图秀秀批处理在线版提供 图片批量剪裁 重命名 加水印 这些功能 我主要用在这种博客需要的图片你在选完之后大小总是不一样 命名也不规律 可以用这个批量处理一下"></a>美图秀秀批处理在线版提供 <strong>图片批量剪裁</strong> <strong>重命名</strong> <strong>加水印</strong> 这些功能 我主要用在这种博客需要的图片你在选完之后大小总是不一样 命名也不规律 可以用这个批量处理一下</h5><hr>
<h3 id="封面"><a href="#封面" class="headerlink" title="封面"></a>封面</h3><p><a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, &quot;San Francisco&quot;, &quot;Helvetica Neue&quot;, Helvetica, Ubuntu, Roboto, Noto, &quot;Segoe UI&quot;, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/photos/NrAv3Vnyw48" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Victoria Tronina"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:white" viewbox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"/></svg></span><span style="display:inline-block;padding:2px 3px">Victoria Tronina</span></a></p>

        </div>
        
        <div class="level is-size-7 is-uppercase">
            <div class="level-start">
                <div class="level-item">
                    <span class="is-size-6 has-text-grey has-mr-7">#</span>
                    <a class="has-link-grey -link" href="/tags/网站收藏/">网站收藏</a>, <a class="has-link-grey -link" href="/tags/链接/">链接</a>
                </div>
            </div>
        </div>
        
        
        
        <div class="social-share"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css">
<script src="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js"></script>
        
    </div>
</div>



<div class="card">
    <div class="card-content">
        <h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3>
        <div class="buttons is-centered">
            
                
<a class="button is-info donate">
    <span class="icon is-small">
        <i class="fab fa-alipay"></i>
    </span>
    <span>支付宝</span>
    <div class="qrcode"><img src="/images/Alipay.png" alt="支付宝"></div>
</a>

                
                
<a class="button is-success donate">
    <span class="icon is-small">
        <i class="fab fa-weixin"></i>
    </span>
    <span>微信</span>
    <div class="qrcode"><img src="/images/wechat.png" alt="微信"></div>
</a>

                
        </div>
    </div>
</div>



<div class="card card-transparent">
    <div class="level post-navigation is-flex-wrap is-mobile">
        
        <div class="level-start">
            <a class="level level-item has-link-grey  article-nav-prev" href="/2018/03/03/good-for-work/">
                <i class="level-item fas fa-chevron-left"></i>
                <span class="level-item">good for work</span>
            </a>
        </div>
        
        
        <div class="level-end">
            <a class="level level-item has-link-grey  article-nav-next" href="/2018/01/24/hello-world/">
                <span class="level-item">Hello World</span>
                <i class="level-item fas fa-chevron-right"></i>
            </a>
        </div>
        
    </div>
</div>



<div class="card">
    <div class="card-content">
        <h3 class="title is-5 has-text-weight-normal">评论</h3>
        
<div id="comment-container"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1.4.1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1.4.1/dist/gitalk.min.js"></script>
<script>
    var gitalk = new Gitalk({
        clientID: '2ad765d5f8399d6c74fb',
        clientSecret: '790ad25b36b8722d5fd225219105f31806898862',
        id: '1110563db6ec79b6b14865e3f54709bf',
        repo: 'yuthreeComment',
        owner: 'YuThree',
        admin: ["YuThree"],
        createIssueManually: false,
        distractionFreeMode: false
    })
    gitalk.render('comment-container')
</script>

    </div>
</div>
</div>
                




<div class="column is-4-tablet is-3-desktop is-3-widescreen  has-order-1 column-left is-sticky">
    
        
<div class="card widget">
    <div class="card-content">
        <nav class="level">
            <div class="level-item has-text-centered" style="flex-shrink: 1">
                <div>
                    
                        <img class="image is-128x128 has-mb-6" src="/images/avatar.png" alt="ybc">
                    
                    
                    <p class="is-size-4 is-block">
                        ybc
                    </p>
                    
                    
                    <p class="is-size-6 is-block">
                        与其苟延残喘不如从容燃烧
                    </p>
                    
                    
                    <p class="is-size-6 is-flex is-flex-center has-text-grey">
                        <i class="fas fa-map-marker-alt has-mr-7"></i>
                        <span>中国成都</span>
                    </p>
                    
                </div>
            </div>
        </nav>
        <nav class="level is-mobile">
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        文章
                    </p>
                    <p class="title has-text-weight-normal">
                        8
                    </p>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        分类
                    </p>
                    <p class="title has-text-weight-normal">
                        9
                    </p>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        标签
                    </p>
                    <p class="title has-text-weight-normal">
                        9
                    </p>
                </div>
            </div>
        </nav>
        <div class="level">
            <a class="level-item button is-link is-rounded" href="https://github.com/YuThree" target="_blank">
                关注我</a>
        </div>
        
        
        <div class="level is-mobile">
            
            <a class="level-item button is-white is-marginless" target="_blank" title="Github" href="https://yuthree.github.io/">
                
                <i class="fab fa-github"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" title="Facebook" href="http://facebook.com/100011677446168">
                
                <i class="fab fa-facebook"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" title="Twitter" href="http://twitter.com">
                
                <i class="fab fa-twitter"></i>
                
            </a>
            
        </div>
        
    </div>
</div>
    
        
    
        

<div class="card widget">
    <div class="card-content">
        <div class="menu">
        <h3 class="menu-label">
            链接
        </h3>
        <ul class="menu-list">
        
            <li>
                <a class="level is-mobile" href="https://hexo.io" target="_blank">
                    <span class="level-left">
                        <span class="level-item">Hexo</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">hexo.io</span>
                    </span>
                </a>
            </li>
        
            <li>
                <a class="level is-mobile" href="https://github.com/YuThree" target="_blank">
                    <span class="level-left">
                        <span class="level-item">github-YuThree</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">github.com</span>
                    </span>
                </a>
            </li>
        
            <li>
                <a class="level is-mobile" href="http://blog.sina.com.cn/s/articlelist_5643024172_0_1.html" target="_blank">
                    <span class="level-left">
                        <span class="level-item">个人新浪博客</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">blog.sina.com.cn</span>
                    </span>
                </a>
            </li>
        
            <li>
                <a class="level is-mobile" href="http://www.ruanyifeng.com/home.html" target="_blank">
                    <span class="level-left">
                        <span class="level-item">阮一峰</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">www.ruanyifeng.com</span>
                    </span>
                </a>
            </li>
        
            <li>
                <a class="level is-mobile" href="https://www.zhangxinxu.com/wordpress/" target="_blank">
                    <span class="level-left">
                        <span class="level-item">张鑫旭</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">www.zhangxinxu.com</span>
                    </span>
                </a>
            </li>
        
        </ul>
        </div>
    </div>
</div>


    
    
		<div class="column-right-shadow  ">
        
            
<div class="card widget">
    <div class="card-content">
        <h3 class="menu-label">
            最新文章
        </h3>
        
        <article class="media">
            
            <a href="/2019/08/06/gitalk-set/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/titlebg_20.jpg" alt="gitalk set">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-08-06T02:22:34.000Z">2019-08-06</time></div>
                    <a href="/2019/08/06/gitalk-set/" class="title has-link-black-ter is-size-6 has-text-weight-normal">gitalk set</a>
                    <p class="is-size-7 is-uppercase">
                        <a class="has-link-grey -link" href="/categories/笔记/">笔记</a> / <a class="has-link-grey -link" href="/categories/笔记/hexo/">hexo</a>
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2019/06/30/pub-function/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/titlebg_24.jpg" alt="js note some function">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-06-30T02:10:24.000Z">2019-06-30</time></div>
                    <a href="/2019/06/30/pub-function/" class="title has-link-black-ter is-size-6 has-text-weight-normal">js note some function</a>
                    <p class="is-size-7 is-uppercase">
                        <a class="has-link-grey -link" href="/categories/笔记/">笔记</a> / <a class="has-link-grey -link" href="/categories/笔记/js/">js</a>
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2019/06/15/vue-note-about-watch/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/titlebg_17.jpg" alt="vue note about watch">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-06-15T08:51:34.000Z">2019-06-15</time></div>
                    <a href="/2019/06/15/vue-note-about-watch/" class="title has-link-black-ter is-size-6 has-text-weight-normal">vue note about watch</a>
                    <p class="is-size-7 is-uppercase">
                        <a class="has-link-grey -link" href="/categories/笔记/">笔记</a> / <a class="has-link-grey -link" href="/categories/笔记/vue/">vue</a>
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2019/06/13/VUE-note/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/titlebg_21.jpg" alt="VUE note about responsive">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-06-13T05:16:25.000Z">2019-06-13</time></div>
                    <a href="/2019/06/13/VUE-note/" class="title has-link-black-ter is-size-6 has-text-weight-normal">VUE note about responsive</a>
                    <p class="is-size-7 is-uppercase">
                        <a class="has-link-grey -link" href="/categories/笔记/">笔记</a> / <a class="has-link-grey -link" href="/categories/笔记/vue/">vue</a>
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2018/04/04/img-show/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/titlebg_4.jpg" alt="img-show">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2018-04-04T10:04:22.000Z">2018-04-04</time></div>
                    <a href="/2018/04/04/img-show/" class="title has-link-black-ter is-size-6 has-text-weight-normal">img-show</a>
                    <p class="is-size-7 is-uppercase">
                        <a class="has-link-grey -link" href="/categories/img/">img</a>
                    </p>
                </div>
            </div>
        </article>
        
    </div>
</div>

        
            <div class="card widget">
    <div class="card-content">
        <div class="menu">
        <h3 class="menu-label">
            归档
        </h3>
        <ul class="menu-list">
        
        <li>
            <a class="level is-marginless" href="/archives/2019/08/">
                <span class="level-start">
                    <span class="level-item">八月 2019</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">1</span>
                </span>
            </a>
        </li>
        
        <li>
            <a class="level is-marginless" href="/archives/2019/06/">
                <span class="level-start">
                    <span class="level-item">六月 2019</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">3</span>
                </span>
            </a>
        </li>
        
        <li>
            <a class="level is-marginless" href="/archives/2018/04/">
                <span class="level-start">
                    <span class="level-item">四月 2018</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">1</span>
                </span>
            </a>
        </li>
        
        <li>
            <a class="level is-marginless" href="/archives/2018/03/">
                <span class="level-start">
                    <span class="level-item">三月 2018</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">1</span>
                </span>
            </a>
        </li>
        
        <li>
            <a class="level is-marginless" href="/archives/2018/02/">
                <span class="level-start">
                    <span class="level-item">二月 2018</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">1</span>
                </span>
            </a>
        </li>
        
        <li>
            <a class="level is-marginless" href="/archives/2018/01/">
                <span class="level-start">
                    <span class="level-item">一月 2018</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">1</span>
                </span>
            </a>
        </li>
        
        </ul>
        </div>
    </div>
</div>
        
            <div class="card widget">
    <div class="card-content">
        <div class="menu">
            <h3 class="menu-label">
                标签
            </h3>
            <div class="field is-grouped is-grouped-multiline">
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/gitakl/">
                        <span class="tag">gitakl</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/hexo/">
                        <span class="tag">hexo</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/javascript/">
                        <span class="tag">javascript</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/note/">
                        <span class="tag">note</span>
                        <span class="tag is-grey">3</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/vue/">
                        <span class="tag">vue</span>
                        <span class="tag is-grey">2</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/壁纸/">
                        <span class="tag">壁纸</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/百度网盘/">
                        <span class="tag">百度网盘</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/网站收藏/">
                        <span class="tag">网站收藏</span>
                        <span class="tag is-grey">1</span>
                    </a>
                </div>
                
                <div class="control">
                    <a class="tags has-addons" href="/tags/链接/">
                        <span class="tag">链接</span>
                        <span class="tag is-grey">2</span>
                    </a>
                </div>
                
            </div>
        </div>
    </div>
</div>
        
            
<div class="card widget">
    <div class="card-content">
        <h3 class="menu-label">
            标签云
        </h3>
        <a href="/tags/gitakl/" style="font-size: 10px;">gitakl</a> <a href="/tags/hexo/" style="font-size: 10px;">hexo</a> <a href="/tags/javascript/" style="font-size: 10px;">javascript</a> <a href="/tags/note/" style="font-size: 20px;">note</a> <a href="/tags/vue/" style="font-size: 15px;">vue</a> <a href="/tags/壁纸/" style="font-size: 10px;">壁纸</a> <a href="/tags/百度网盘/" style="font-size: 10px;">百度网盘</a> <a href="/tags/网站收藏/" style="font-size: 10px;">网站收藏</a> <a href="/tags/链接/" style="font-size: 15px;">链接</a>
    </div>
</div>

        
        </div>
    
</div>

				
            </div>
        </div>
    </section>
    <footer class="footer">
    <div class="container">
        <div class="level">
            <div class="level-start has-text-centered-mobile">
                <a class="footer-logo is-block has-mb-6" href="/">
                
                    <img src="/images/logo.svg" alt="good web site" height="28">
                
                </a>
                <p class="is-size-7">
                &copy; 2019 YuThree&nbsp;
                Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank">Icarus</a>
                
                <br>
                <span id="busuanzi_container_site_uv">
                共<span id="busuanzi_value_site_uv">0</span>个访客
                </span>
                
                </p>
            </div>
            <div class="level-end">
            
                <div class="field has-addons is-flex-center-mobile has-mt-5-mobile is-flex-wrap is-flex-middle">
                
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" title="Creative Commons" href="https://creativecommons.org/">
                        
                        <i class="fab fa-creative-commons"></i>
                        
                    </a>
                </p>
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/">
                        
                        <i class="fab fa-creative-commons-by"></i>
                        
                    </a>
                </p>
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" title="Download on GitHub" href="http://github.com/ppoffice/hexo-theme-icarus">
                        
                        <i class="fab fa-github"></i>
                        
                    </a>
                </p>
                
                </div>
            
            </div>
        </div>
    </div>
</footer>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script>
<script>moment.locale("zh-CN");</script>

<script>
var IcarusThemeSettings = {
    article: {
        highlight: {
            clipboard: true,
            fold: 'unfolded'
        }
    }
};
</script>


    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script>



    
    
    
    <script src="/js/animation.js"></script>
    

    
    
    
    <script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script>
    <script src="/js/gallery.js" defer></script>
    

    
    

<div id="outdated">
    <h6>Your browser is out-of-date!</h6>
    <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update
            my browser now </a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.js" defer></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        outdatedBrowser({
            bgColor: '#f25648',
            color: '#ffffff',
            lowerThan: 'flex'
        });
    });
</script>


    
    
<script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.5/unpacked/MathJax.js?config=TeX-MML-AM_CHTML" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    MathJax.Hub.Config({
        'HTML-CSS': {
            matchFontHeight: false
        },
        SVG: {
            matchFontHeight: false
        },
        CommonHTML: {
            matchFontHeight: false
        },
        tex2jax: {
            inlineMath: [
                ['$','$'],
                ['\\(','\\)']
            ]
        }
    });
});
</script>

    
    

<a id="back-to-top" title="回到顶端" href="javascript:;">
    <i class="fas fa-chevron-up"></i>
</a>
<script src="/js/back-to-top.js" defer></script>


    
    

    
    
    
    

    
    
    
    
    
    
    

    


<script src="/js/main.js" defer></script>

    
    <div class="searchbox ins-search">
    <div class="searchbox-container ins-search-container">
        <div class="searchbox-input-wrapper">
            <input type="text" class="searchbox-input ins-search-input" placeholder="想要查找什么...">
            <span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="searchbox-result-wrapper ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
    (function (window) {
        var INSIGHT_CONFIG = {
            TRANSLATION: {
                POSTS: '文章',
                PAGES: '页面',
                CATEGORIES: '分类',
                TAGS: '标签',
                UNTITLED: '(无标题)',
            },
            CONTENT_URL: '/content.json',
        };
        window.INSIGHT_CONFIG = INSIGHT_CONFIG;
    })(window);
</script>
<script src="/js/insight.js" defer></script>
<link rel="stylesheet" href="/css/search.css">
<link rel="stylesheet" href="/css/insight.css">
    
<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/shizuku.model.json"},"display":{"position":"left","width":150,"height":300},"mobile":{"show":true},"react":{"opacity":0.7},"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/"});</script></body>
</html>